<template>
  <div class="khy">
    <h6 class="khy-title">基本信息</h6>
    <section class="khy-container">
      <p>公司名称：{{ internetInfo.tenantName || '--' }}</p>
      <p>统一社会征信编码：{{ internetInfo.uscCode || '--' }}</p>
      <p>注册时间：{{ internetInfo.tenantName || '--' }}</p>
      <p>注册地址：{{ internetInfo.tenantName || '--' }}</p>
      <p>法人姓名：{{ internetInfo.uscCode || '--' }}</p>
      <p>法人身份证号：{{ internetInfo.uscCode || '--' }}</p>
      <p>法人身份证有效期：{{ internetInfo.uscCode || '--' }}</p>
      <p>基本户户名：{{ internetInfo.uscCode || '--' }}</p>

      <div class="flex" style="width: 50%; margin-bottom: 10px">
        <p>营业执照：</p>
        <img
          style="width: 101px; height: 101px"
          v-if="internetInfo.yyzzUrl"
          :src="internetInfo.yyzzUrl"
          alt=""
          @click="openWindow(internetInfo.yyzzUrl)"
        />
        <p v-else>--</p>
      </div>
      <div class="flex" style="width: 50%; margin-bottom: 10px">
        <p>法人身份证：</p>
        <img
          style="width: 101px; height: 101px; margin-right: 20px"
          v-if="internetInfo.photoFrontUrl"
          :src="internetInfo.photoFrontUrl"
          alt=""
          @click="openWindow(internetInfo.photoFrontUrl)"
        />
        <p v-else>--</p>

        <img
          style="width: 101px; height: 101px"
          v-if="internetInfo.photoBackUrl"
          :src="internetInfo.photoBackUrl"
          alt=""
          @click="openWindow(internetInfo.photoBackUrl)"
        />
        <p v-else>--</p>
      </div>

      <p>入网时间：{{ internetInfo.uscCode || '--' }}</p>
      <p>监管上传：{{ internetInfo.uscCode || '--' }}</p>
      <p>企业成立时间：{{ internetInfo.uscCode || '--' }}</p>
    </section>
  </div>
</template>

<script>
export default {
  name: 'KycInternetInfo',
  props: {
    internetInfo: {
      type: Object,
    },
  },

  data() {
    return {}
  },
  methods: {
    openWindow(url) {
      window.open(url, '__blank')
    },
  },
}
</script>

<style lang="scss" scoped>
.khy {
  &-title {
    color: $gray;
    font-size: $f-s-16;
    margin-bottom: 18px;
  }
  &-container {
    display: flex;
    flex-wrap: wrap;
    color: $gray;
    font-size: $f-s-16;
    margin-bottom: 8px;
    > p {
      width: 50%;
      margin-bottom: 10px;
    }
    .internet-item {
      width: 100%;
      float: left;
      span {
        cursor: pointer;
        border: 1px solid black;
        width: 200px;
        display: block;
      }
      span.no-border {
        border-bottom: 0;
      }
    }
    td {
      width: 150px;
    }
  }
}
</style>
